<template>
  <div>
    <!-- 语法: v-show="Vue 变量(一般是 boolean)"
      v-show: 原理是设置 display: none
      v-if: 原理是直接从 DOM 树上移除和添加, 支持v-else
     -->
    <p v-show="isShow">我是v-show控制</p>
    <p v-if="isShow">我是v-if控制</p>

    <!-- v-else 所在标签必须和 v-if 所在标签同级, 并且连在一起 -->
    <p v-if="age >= 18">大于18显示</p>
    <p v-else >小于18显示</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isShow: true,
      age: 18
    }
  }
}
</script>

<style>

</style>